// // 测试配置（axios基地址）的结果
// document.querySelector('#btn-register').addEventListener('click',()=>{
//     axios({
//         url:'/api/register',
//         method:'POST',
//         data:{
//             username:'itheima011',
//             password:'123456'
//         }
//     })
// })

/* 
用户注册
1.收集并校验数据
2.数据提交
*/
document.querySelector('#btn-register').addEventListener('click',async ()=>{
  // 1.收集并校验数据
  // 1.1收集数据 
  const form = document.querySelector('.register-form')
  const data = serialize(form,{hash:true,empty:true})
  const {password,username} = data
//   console.log(data)
console.log(password,username)
// 1.2校验数据
// 非空校验
if(username===''||password===''){
  showToast('用户名和密码不能为空')
  return
}
// 长度校验
if(username.length<8||username.length>30||password.length<6||password.length>30){
    showToast('用户名的长度为8-30位,密码长度为6-30位')
    return
}

// 2.数据提交
// axios函数+对象写法
try{
    // axios.post()   axios别名方法（简化方法）
  const res = await axios.post('/register',{username,password})
//   console.log(res)
  showToast(res.message)
} catch(error){
    // console.dir(error)
  showToast(error.response.data.message)
}

})